<!DOCTYPE html>
<html>
<head>
	<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
	<title>Slider</title>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script src='jquery-easing-1.3.pack.js' type='text/javascript'></script>
<script type="text/javascript" src="jquery.nivo.slider.js"></script>


<script type='text/javascript'>
//<![CDATA[
$(window).load(function() {
	$('#slider').nivoSlider({
		effect: 'random',
		slices: 10,
		boxCols: 8,
		boxRows: 4,
		animSpeed: 500,
		pauseTime: 5000,
		startSlide: 3,
		directionNav: true,
		directionNavHide: false,
		controlNav: true,
		controlNavThumbs: false,
		controlNavThumbsFromRel: false,
		controlNavThumbsSearch: '.jpg',
		controlNavThumbsReplace: '_thumb.jpg',
		keyboardNav: true,
		pauseOnHover: true,
		manualAdvance: false,
		captionOpacity: 0.9,
		prevText: '&lt;',
		nextText: '&gt;'
	});
});
//]]>
</script>

<style type="text/css">
.nivoSlider {
  width:600px;
  height:300px;
  border:5px solid #505050;
  box-shadow:0 0 0 1px #222;
  font:11px/15px Verdana,Arial,Helvetica,sans-serif;
  position:relative;
  overflow:hidden;
  margin-left:12px;
  margin-right:12px;
  margin-top:10px;
  background:#fff url('http://hompimpa.googlecode.com/svn/trunk/images/loading.gif') no-repeat 50% 50%;
}

.nivoSlider img {
  position:absolute;
  top:0;
  left:0;
  display:none;
}

.nivoSlider a.nivo-imageLink {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  margin:0;
  z-index:6;
  display:none;
}

.nivo-slice {
  display:block;
  position:absolute;
  z-index:5;
  height:100%;
}

.nivo-box {
  display:block;
  position:absolute;
  z-index:5;
}

.nivo-caption {
  position:absolute;
  z-index:77;
  top:5px;
  left:458px;
  opacity:0.9;
}

.nivo-caption p {
  margin:0;
  padding:10px 13px;
  color:#fff;
  width:110px;
  height:235px;
  color:#fff;
  background:#333;
  overflow:hidden;
}

.nivo-caption p strong {
  font-size:14px;
  font-family:Arial,Serif;
  color:#CCCCFF;
}

.nivo-caption a {
  display:inline !important;
  text-decoration:none;
}

.nivo-html-caption {
  display:none;
}

.nivo-controlNav {
  position:absolute;
  z-index:70;
  background:rgba(0,0,0,0.8);
  width:98%;
  padding:10px 2%;
  bottom:0;
  left:0;
}

.nivo-controlNav a {
  position:relative;
  background:#000;
  padding:2px 7px;
  margin-right:2px;
  font:normal 10px Arial,Sans-Serif;
  color:#fff;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  border-radius:3px;
}

.nivo-controlNav a.active {
  background:#005E90;
}

.nivo-directionNav {
  position:absolute;
  bottom:10px;
  right:2%;
  z-index:101;
  font:normal 10px Arial,Sans-Serif;
}

.nivo-directionNav a {
  background:#000;
  padding:2px 7px;
  margin-right:2px;
  color:#fff;
  z-index:9;
  cursor:pointer;
  border-radius:3px;
  text-decoration:none;
}

.nivo-prevNav {
  margin-right:4px;
}

.nivo-nextNav {}

.nivo-prevNav:hover,
.nivo-nextNav:hover {
  background:#005E90;
}
</style>
</head>
<body>
<div id="slider" class="nivoSlider">
<a href="http://nadaricko.blogspot.com/" target="_parent"><img alt="1" src="http://1.bp.blogspot.com/-RjF3H8zhMZs/T3QxMV9ROyI/AAAAAAAAA3I/KvFxhblQQlw/s1600/flash.jpg" title="&lt;strong&gt;Belajar Flash&lt;/strong&gt;&lt;br/&gt;Desain Flash Baik CD pembelajaran dari as2 dan as3"/></a>

<a href="http://nadaricko.blogspot.com/" target="_parent"><img alt="2" src="http://3.bp.blogspot.com/-CU5CeRCmNM4/T7j59QOT5WI/AAAAAAAAA9o/7ewAlfdFVlk/s1600/software_1.jpg" title="&lt;strong&gt;Pusat gratis&lt;/strong&gt;&lt;br/&gt;Kumpulan Software yang di berikan secara gratis"/></a>

<img alt="3" src="http://4.bp.blogspot.com/-41HKaroOKnw/TjZEqAhPbZI/AAAAAAAAAg0/kYQOdnW6rn0/s1600/templates.jpg" title="&lt;strong&gt;Kumpulan Tip Modifikasi Template&lt;/strong&gt;&lt;br/&gt;Tidak perlu repot-repot mendesain dari awal, cukup gunakan template yang sudah ada lalu hancurkan!"/>

<a href="http://nadaricko.blogspot.com/" target="_parent" ><img alt="4" src="http://1.bp.blogspot.com/-RjF3H8zhMZs/T3QxMV9ROyI/AAAAAAAAA3I/KvFxhblQQlw/s1600/flash.jpg"title="&lt;strong&gt;Belajar Flash&lt;/strong&gt;&lt;br/&gt;Desain Flash Baik CD pembelajaran dari as2 dan as3"/></a>
</div>
</body>
</html>